<script setup lang="ts">
const props: any = defineProps<{
    ujt?: any;
    asaidata: any;
    formdata: any;
    formkey: any;
}>();
</script>

<template>
    <div class="as-form-obj" v-if="typeof props.formdata[formkey] === 'object'">
        <span>
            {{
                (props.asaidata?.label && props.asaidata?.label[formkey]) ||
                formkey
            }}:
        </span>
        <AsaiFormLi
            :ujt="ujt"
            :asaidata="asaidata"
            :formdata="props.formdata[formkey]"
        ></AsaiFormLi>
    </div>
    <label v-else>
        <span>
            {{
                (props.asaidata?.label && props.asaidata?.label[formkey]) ||
                formkey
            }}:
        </span>
        <input
            :type="
                typeof props.formdata[formkey] === 'number'
                    ? 'number'
                    : 'string'
            "
            v-model="props.formdata[formkey]"
        />
    </label>
</template>

<style scoped lang="scss"></style>
